<html>
    <head>
        <title>静态网页定位</title>
        <meta charset="UTF-8">
        <style type="text/css">
            body{
                margin: 0;
                padding: 0;
            }
            #div1{
                width: 200px;
                height: 50px;
                background-color: greenyellow;

                /* 绝对定位 */
                position: absolute;
                left: 100px;
                top: 100px;
                
            }
            #div2{
                width: 200px;
                height: 50px;
                background-color: pink;

                /* 绝对定位 */
                position: relative;
                float: left;
                left: 50px;
            }
            #div3{
                height: 50px;
                background-color: palegoldenrod;


            }
        </style>
    </head>
    <body>

        <div id="div3">&nbsp;</div>
    </body>
</html>